<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
        <style>

            .font-awesome{
                position: absolute;
                width: 400px;
                height: 100px;
            }

            .kuaishou{
                position: absolute;
                width: 200px;
                height: 100px;
                background: black;
                top:200px;

            }
            .font-awesome:hover{
                color: #db0000;
            }

        </style>

    </head>
    <body>

    <div class="font-awesome">
        <i class="fa fa-volume-off"></i>
    </div>

    <div class="kuaishou">
        <img src="mute_normal%20(1).png"alt="图片不见了" onmouseover="this.src='muted_pressed_bg.png'" onmouseout="this.src='mute_normal%20(1).png'" >
    </div>

    </body>
</html>